@import "variables";

.leaf{
  padding: 4px 0 4px 32px; display: block;
}
.step{
  display:block;width:100%;height:60%;margin-top: 10px;
}
.leaf.FilterRows{background: url("../assets/steps/FLT.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.Unique{background: url("../assets/steps/UNQ.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.ReplaceString{background: url("../assets/steps/RST.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.SortRows{background: url("../assets/steps/SRT.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.SetVariable{background: url("../assets/steps/SVA.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.Dummy{background: url("../assets/steps/DUM.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.TableInput{background: url("../assets/steps/TIP.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.TableOutput{background: url("../assets/steps/TOP.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.GetVariable{background: url("../assets/steps/GVA.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.Normaliser{background: url("../assets/steps/NRM.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.ExecSQL{background: url("../assets/steps/SQL.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.RowGenerator{background: url("../assets/steps/GEN.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.Calculator{background: url("../assets/steps/CLC.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.SystemInfo{background: url("../assets/steps/SYS.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.InsertUpdate{background: url("../assets/steps/INU.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.Validator{background: url("../assets/steps/VLD.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.HTTP{background: url("../assets/steps/WEB.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.WebServiceLookup{background: url("../assets/steps/WSL.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.LoadFileInput{background: url("../assets/steps/LFI.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.JsonInput{background: url("../assets/steps/JSI.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.HTTPPOST{background: url("../assets/steps/HTP.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.getXMLData{background: url("../assets/steps/GXD.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.TextFileOutput{background: url("../assets/steps/TFO.png") 0 0/$leaf-icon-size no-repeat;}
.leaf.DBProc{background: url("../assets/steps/PRC.png") 0 0/$leaf-icon-size no-repeat;}


.step.Dummy{background: url("../assets/steps/DUM.svg") center/$step-icon-size no-repeat;}
.step.TableInput{background: url("../assets/steps/TIP.svg") center/$step-icon-size no-repeat;}
.step.TableOutput{background: url("../assets/steps/TOP.svg") center/$step-icon-size no-repeat;}
.step.FilterRows{background: url("../assets/steps/FLT.svg") center/$step-icon-size no-repeat;}
.step.Unique{background: url("../assets/steps/UNQ.svg") center/$step-icon-size no-repeat;}
.step.ReplaceString{background: url("../assets/steps/RST.svg") center/$step-icon-size no-repeat;}
.step.SortRows{background: url("../assets/steps/SRT.svg") center/$step-icon-size no-repeat;}
.step.SetVariable{background: url("../assets/steps/SVA.svg") center/$step-icon-size no-repeat;}
.step.GetVariable{background: url("../assets/steps/GVA.svg") center/$step-icon-size no-repeat;}
.step.ExecSQL{background: url("../assets/steps/SQL.svg") center/$step-icon-size no-repeat;}
.step.Normaliser{background: url("../assets/steps/NRM.svg") center/$step-icon-size no-repeat;}
.step.Calculator{background: url("../assets/steps/CLC.svg") center/$step-icon-size no-repeat;}
.step.RowGenerator{background: url("../assets/steps/GEN.svg") center/$step-icon-size no-repeat;}
.step.SystemInfo{background: url("../assets/steps/SYS.svg") center/$step-icon-size no-repeat;}
.step.InsertUpdate{background: url("../assets/steps/INU.svg") center/$step-icon-size no-repeat;}
.step.Validator{background: url("../assets/steps/VLD.svg") center/$step-icon-size no-repeat;}
.step.HTTP{background: url("../assets/steps/WEB.svg") center/$step-icon-size no-repeat;}
.step.LoadFileInput{background: url("../assets/steps/LFI.svg") center/$step-icon-size no-repeat;}
.step.JsonInput{background: url("../assets/steps/JSI.svg") center/$step-icon-size no-repeat;}
.step.WebServiceLookup{background: url("../assets/steps/WSL.svg") center/$step-icon-size no-repeat;}
.step.HTTPPOST{background: url("../assets/steps/HTP.svg") center/$step-icon-size no-repeat;}
.step.getXMLData{background: url("../assets/steps/GXD.svg") center/$step-icon-size no-repeat;}
.step.TextFileOutput{background: url("../assets/steps/TFO.svg") center/$step-icon-size no-repeat;}
.step.DBProc{background: url("../assets/steps/PRC.svg") center/$step-icon-size no-repeat;}

.leaf.false{padding:0;color:rgba(0,0,0,0);background: url("../assets/steps/false.svg") 0 0/20px 20px no-repeat;}
.leaf.true{ z-index:2;padding:0;color:rgba(0,0,0,0);background: url("../assets/steps/true.svg") 0 0/20px 20px no-repeat;}
